<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta name="applicable-device" content="pc,mobile">
    <!--content="最新羊毛,最新线报,现金活动,红包活动"-->
    <meta name="keywords" th:content="${subject.keywords}">
    <meta name="description" th:content="${subject.summary}">
    <title th:text="${subject.title}+'-天天线报网'"></title>
    <link rel="icon" href="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/logo.png" type="image/x-icon"/>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/layui/css/reset.css"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <link rel="stylesheet" href="/css/article/desc.css"/>
    <link rel="stylesheet" href="/css/article/style.css"/>
    <link rel="stylesheet" href="/css/article/viewer.css"/>
    <link rel="canonical" th:href="'https://www.daydayzhuan.com/subject/'+${subject.id}"/>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2846353_zxrrlalym7e.css" type="text/css">
    <script src="https://daydayzhuan.oss-cn-shenzhen.aliyuncs.com/static/jquery-3.3.1.min.js"></script>
    <script src="/layui/layui.js"></script>
    <script src="/script/article/article.js"></script>
    <script src="/script/article/subject/desc.js"></script>
    <script src="/script/article/viewer.js"></script>
    <script src="/script/common.js"></script>
        <script type="application/ld+json" th:inline="javascript">
            {
                "@content": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
                "@id": "https://daydayzhuan.com/subject/[[${subject.id}]]",
                "appid": "1628215977733461",
                "pubDate": [[${pubdate}]],
                "upDate": [[${update}]]
            }
        </script>
        <script>
            (function () {
                var bp = document.createElement('script');
                var curProtocol = window.location.protocol.split(':')[0];
                if (curProtocol === 'https') {
                    bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
                } else {
                    bp.src = 'http://push.zhanzhang.baidu.com/push.js';
                }
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(bp, s);
            })();
        </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0e9ace0ec6eaa50fecc2ca9f52f63f89";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script>
        !(function(c,i,e,b){
            var h=i.createElement("script");
            var f=i.getElementsByTagName("script")[0];
            h.type="text/javascript";
            h.crossorigin=true;
            h.onload=function(){new c[b]["Monitor"]().init({id:"Jlhlprm9RKOWb9Xt"});};
            f.parentNode.insertBefore(h,f);h.src=e;})(window,document,"https://sdk.51.la/perf/js-sdk-perf.min.js","LingQue");
    </script>
</head>
<body>
<div th:replace="common/menu::menu(menuList=${menuList})"></div>

<input type="hidden" id="type" th:value="${type.id}">
<input type="hidden" id="title" th:value="${subject.title}">
<input type="hidden" id="id" th:value="${subject.id}">
<input type="hidden" id="imgList" th:value="${imgList}">

<main class="layui-fluid" style="margin-top: 5px;">
    <div class="layui-row">
        <!-- 左侧文章详情  -->
        <div class=" layui-col-md8 article-desc">
            <article class="layui-fluid">
                <header class="article-info">
                    <nav style="height: unset;-webkit-box-shadow:unset">
                        <i class="iconfont icon-nav_xitongzhuye"></i>
                        <a href="https://www.daydayzhuan.com" title="首页">首页</a>
                        <i class="iconfont icon-navigation-right-arrow"></i>
                        <a th:href="'https://www.daydayzhuan.com'+${type.href}" th:text="${type.typeName}"
                           th:title="${type.typeName}"></a>
                        <i class="iconfont icon-navigation-right-arrow"></i>
                        <a><cite th:text="${subject.title}"></cite></a>
                        </span>
                    </nav>
                    <div class="article-title">
                        <h1><a th:title="${subject.title}" style="font-weight: bold" th:href="'/subject/'+${subject.id}"
                               th:text="${subject.title}"></a></h1>
                    </div>
                    <div class="article-otherinfo">
                        <i class="layui-icon meta-icon layui-icon-date" th:text="${subject.showCreateTime}"></i>
                        <i class="layui-icon meta-icon layui-icon-read" th:text="'阅读('+${subject.readMount}+')'"></i>
                    </div>
                </header>
                <div class="article-content_all">
                    <div class="layui-row" style="color: red;">
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" href="/goDownload" style="text-decoration: underline;color: red;">下载线报App</a>
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" onclick="QQGroup();"
                           style="text-decoration: underline;color: red;text-align: center;">线报交流群</a>
                        <a target="_blank" class="layui-col-md4 layui-col-xs4" onclick="QQGroup2();"
                           style="text-decoration: underline;color: red;text-align: right;">线报分享群</a>
                        <hr>
                    </div>

                    <div class="article-cover" >
                        <blockquote style="color: #555;font-size: 18px;line-height: 24px;font-weight: bold;text-decoration:none;out-line: none;">专题简介</blockquote>
                        <div style="text-align: center">
                            <img th:src="${subject.cover}" th:title="${subject.title}+'封面'" >
                        </div>
                    </div>

                    <div class="article-content" th:utext="${subject.content}">
                    </div>

                    <section style="animation-name: fadeInDown;margin-top: 20px">
                        <!--相关文章-->
                        <blockquote style="color: #555;font-size: 18px;line-height: 24px;font-weight: bold;text-decoration:none;out-line: none;">最新文章</blockquote>
                        <ul class="section-cont-tags pic-box-list clearfix" style="margin: -5px 0 10px 0;">
                            <li th:each="p:${newProjectList}">
                                <a th:href="'/article/'+${p.id}" class="relation" style="color: #4693e9;" th:title="${p.title}" th:text="${p.title}"></a>
                            </li>
                        </ul>
                    </section>

                    <section style="animation-name: fadeInDown;margin-top: 20px">
                        <!--相关文章-->
                        <blockquote style="color: #555;font-size: 18px;line-height: 24px;font-weight: bold;text-decoration:none;out-line: none;">热门文章</blockquote>
                        <ul class="section-cont-tags pic-box-list clearfix" style="margin: -5px 0 10px 0;">
                            <li th:each="p:${projectList}">
                                <a th:href="'/article/'+${p.id}" class="relation" style="color: #4693e9;" th:title="${p.title}" th:text="${p.title}"></a>
                            </li>
                        </ul>
                    </section>

                    <section class="topic_app" style=";margin-top: 20px">
                        <blockquote style="color: #555;font-size: 18px;line-height: 24px;font-weight: bold;text-decoration:none;out-line: none;">专题所包含的APP</blockquote>
                        <div class="layui-col-md6 layui-col-xs12" style="background-color: #fbefef;" th:each="app:${subject.appList}">
                            <div class="layui-col-md2 layui-col-xs3" style="background-color: #fbefef">
                                <img th:src="${app.cover}" class="tg-list">
                            </div>
                            <div class="layui-col-md3 layui-col-xs4" style="background-color: #fbefef;margin-left: 10px;">
                                <a style="font-weight: bold;font-size: 18px;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp:1 ;-webkit-box-orient: vertical;height: 32px;" th:text="${app.title}" target="_blank" th:href="'/app/'+${app.id}"></a>
                                <p style="font-size: 12px;" th:text="'支持：'+${app.showDevice}"></p>
                                <p style="font-size: 12px;" th:text="'下载：'+${app.downCount}"></p>
                            </div>
                            <div class="layui-col-md4 layui-col-xs4" style="background-color: #fbefef;margin-left: 10px;">
                                <a class="layui-btn layui-btn-xs" th:title="${app.title}+'app下载'" target="_blank" th:href="'/app/'+${app.id}">下载</a>
                                <a style="font-size: 12px;display: block;overflow: hidden;display: -webkit-box !important;-webkit-line-clamp:1 ;-webkit-box-orient: vertical" th:text="${app.firstLableName}" target="_blank" th:href="'/tag/'+${app.firstLableName}"></a>
                                <p style="font-size: 12px;" th:text="'发布：'+${app.createTime2}"></p>
                            </div>
                        </div>
                    </section>

                </div>
            </article>

        </div>

        <aside class=" layui-col-md4">
            <div th:replace="common/right::right(friends=${friends},total=${total},labelList=${labelList},advertList=${advertList})"></div>
        </aside>
    </div>
</main>

<footer th:include="common/footer::footer"></footer>

</body>
<script>
    var viewer = new Viewer($("div.article-content")[0]);
    var viewer2 = new Viewer($("div.article-cover")[0]);
</script>
</html>